// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Rectangle {
    id:main
    width: 900;height: 550;
    color: "#00000000"
    property string lang
    Item {
        id: titleBox2
        x: 0
        y: -8

        width: 400
        height: 40
        z: 1

        LeftTitle{
            x: 13
            y: 0
            text: {if(lang=="1")"exercise";else "ejercicio";}
            size: 32
        }
    }
    Item {
        id: titleBox3
        x: 0
        y: -8

        width: 400
        height: 40
        z: 1

        LeftTitle{
            x: 454
            y: 0
            text: {if(lang=="1")"personal";else "personale";}
            size: 32
        }
    }
    MouseArea {
        id: mouseRegion
        anchors.fill: parent;
        property variant clickedPosition: "1,1"

        onPressed: {
            clickedPosition  = Qt.point(mouse.x,mouse.y)
        }
        onPositionChanged: {
            var mousePosX = (mouse.x <0) ? 0 : mouse.x
           var mousePosY = (mouse.y <0) ? 0 : mouse.y
            var relative = Qt.point(mousePosX-clickedPosition.x, mousePosY-clickedPosition.y)
            main.pos = Qt.point(main.pos.x+relative.x,
                                    main.pos.y+relative.y)

        }
    }
    Rectangle{
        id: leftRect
        y:20;x:10
        height:parent.height -40
        width: 400
        radius: 5
        color:"#205F88"

        Image {
            id: image1
            x: 224
            y: 56
            width: 152
            height: 150
            smooth: true
            source: "Assets/health/graphs1.png"
        }

        Image {
            id: image2
            x: 20
            y: 286
            width: 150
            height: 150
            smooth: true
            source: "Assets/health/graphs2.png"
        }

        Image {
            id: image3
            x: 20
            y: 56
            width: 150
            height: 150
            smooth: true
            source: "Assets/health/graphs3.png"
        }

        Image {
            id: image4
            x: 224
            y: 286
            width: 150
            height: 150
            smooth: true
            source: "Assets/health/graphs4.png"
        }
    }
    Rectangle{
        id: rightRect
        y:20;x:450
        height:parent.height -40
        width: 400
        radius: 5
        color:"#205F88"
        Text{
            id:name
            x: 10
            y: 80
            text: if(lang=="1") "Name : Westin"; else "Nombre : Westin";
            font.pixelSize: 24
            font.bold: true
            color:"white"
        }
        Text{
            id:weightgoal
            x: 10
            y: 160
            text: if(lang=="1") "Weight Goal : 155LBS"; else "Objetivo de Peso : 155LBS";
            font.pixelSize: 24
            font.bold: true
            color:"white"
        }
        Text{
            id:exercisegoal
            x: 10
            y: 240
            text: if(lang=="1") "Exercise Goal : 1500Kcals"; else "Ejercicio Meta : 1500Kcals";
            font.pixelSize: 24
            font.bold: true
            color:"white"
        }
        Image{
            id:dietInfo
            anchors.horizontalCenter: parent.horizontalCenter
            y: 400
            source:"Assets/health/diettiles.png"
        }
    }

}
//Westin
